<!DOCTYPE html>
<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
         <#include "static/top.ftl" >
         
         <style>
          .swiper-container {
		    	width: 100%;
		    	height: 200px;
		    
			}  
			.pagination1 {
				  position: absolute;
				  left: 0;
				  text-align: center;
				  bottom:5px;
				  width: 100%;
				}
			.pagination2 {
				  position: absolute;
				  left: 0;
				  text-align: center;
				  bottom:5px;
				  width: 100%;
				}
			.swiper-pagination-switch {
				  display: inline-block;
				  width: 10px;
				  height: 10px;
				  border-radius: 10px;
				  background: #999;
				  box-shadow: 0px 1px 2px #555 inset;
				  margin: 0 3px;
				  cursor: pointer;
				  z-index: 99999
				}
			.swiper-active-switch {
				  background: #fff;
				  z-index: 99999
				}
         </style>
    </head>
    <body>
        <!-- Page Wrapper -->
        <!-- In the PHP version you can set the following options from inc/config file -->
        <!--
            Available classes:

            'page-loading'      enables page preloader
        -->
        <div id="page-wrapper">
            <!-- Preloader -->
            <!-- Preloader functionality (initialized in js/app.js) - pageLoading() -->
            <!-- Used only if page preloader is enabled from inc/config (PHP version) or the class 'page-loading' is added in #page-wrapper element (HTML version) -->
            <div class="preloader themed-background">
                <h1 class="push-top-bottom text-light text-center"><strong>Pro</strong>UI</h1>
                <div class="inner">
                    <h3 class="text-light visible-lt-ie10"><strong>Loading..</strong></h3>
                    <div class="preloader-spinner hidden-lt-ie10"></div>
                </div>
            </div>
           
            <div id="page-container" class="sidebar-partial sidebar-visible-lg sidebar-no-animations">
               

                 <#include "static/menu.ftl" >
                
                
                
                <!-- Main Container -->
                <div id="main-container">
                   
                    
                    
                    
                    <#include "static/header.ftl" >
                    
                    
                    <!-- END Header -->

                    <!-- Page content -->
                    <div id="page-content">
                       
                        
                        <div class="content-header">
		                   	<h4 style="padding-left: 20px;  padding-right: 20px;">Dashboard&nbsp;&nbsp;&nbsp;<#include "static/search.ftl" ></h4>
		                </div>
		                
		                <ul class="breadcrumb breadcrumb-top">
		                    <li>Home</li>
		                    <li><a href="#">Dashboard</a></li>
		                </ul>
                        
                        
                        
                        
                        
                        
                        <div class="content-header content-header-media">
                             <a id="arrow-left1" class="arrow-left" href="#"></a> 
				    			<a id="arrow-righ2" class="arrow-right" href="#"></a>
				            	<div id="swiper1" class="swiper-container" >
								    <div class="swiper-wrapper">
								    
								    
								    	 <#list news as n>
								 		
											<div class="swiper-slide" >
												<div id="mainTheme" >
													<a href="${n.link}" style="text-decoration:none">
														<span style="text-align:left;"><h3 style="margin-left:20px;color:#fff">${n.title} (<font  size="3" style="color:#fff">${n.pubdate}日更新</font>)</h3></span>
														
													</a>
												</div>
												
											</div>
										</#list>
								    
								    
								    
								        
								       
								    </div>
								       <div class="pagination1"></div>
							   </div>
							   <img src="/res1/img/placeholders/headers/dashboard_header.jpg" alt="header image" class="animation-pulseSlow">
                        </div>
                        <!-- END Dashboard Header -->
                        
                        
                        
                        <div class="row">
                        <div class="col-sm-12 col-lg-12">
                                <!-- Messages List Block -->
                                <div class="block">
                                    <!-- Messages List Title -->
                                    <div class="block-title">
                                       
                                        <h2>Recent Index <strong>(3)</strong></h2>
                                    </div>
                                    <!-- END Messages List Title -->

                                    <!-- Messages List Content -->
                                    <div class="table-responsive">
                                        <table class="table table-hover table-vcenter">
                                            <#setting number_format="#">
                                            <tbody>
                                                <#list lastms as n>
                                                <tr>
                                                   
                                                    <td class="text-center">
                                                        <a href="/analytics/data?key=/service/data/get_month_trend/${n.prop}" class="text-success msg-read-btn"><i class="fa fa-circle"></i></a>
                                                    </td>
                                                    <td > <a href="/analytics/data?key=/service/data/get_month_trend/${n.prop}">${n.cn_name}：</a>   </td>
                                                    <td>
                                                    	<a href="/analytics/data?key=/service/data/get_month_trend/${n.prop}">
                                                       		<strong>${n.data}${n.unit???string(n.unit,'')} (${n.view_ym}) </strong>
                                                        </a>
                                                    </td>
                                                    
                                                    <td class="text-right" ><em> updated by &nbsp;${(n.create_time?string("yyyy-MM-dd"))!}</em></td>
                                                </tr>
                                                </#list>
                                               
                                                
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- END Messages List Content -->
                                </div>
                                <!-- END Messages List Block -->
                            </div>
                        
                        
                        
                        </div>
<#setting number_format="#">
                        <!-- Mini Top Stats Row -->
                        <div class="row">
                            <div class="col-sm-6 col-lg-3">
                                <a href="/analytics/data?key=/service/data/get_year_trend/index1" class="widget widget-hover-effect1" id="d1" name="国内生产总值<br>Gross Domestic Product(亿元)" onmouseover="onover('d1')">
                                    <div class="widget-simple themed-background">
                                        <img src="/res1/img/icon/money.jpg" alt="avatar" class="widget-image img-circle pull-left">
                                        <h4 class="widget-content widget-content-light">
                                            <strong>GDP</strong>
                                            <small>${gdp.yy}</small>
                                        </h4>
                                    </div>
                                    <div class="widget-extra">
                                        <div class="row text-center">
                                            <div class="col-xs-7">
                                                <h3>
                                                    <strong>${gdp.data} <font size='2'>亿元</font></strong><br>
                                                    <small>GDP</small>
                                                </h3>
                                            </div>
                                            <div class="col-xs-5">
                                                <h3>
                                                <#if (gdp.abs?c) =='0'>
                                                    <strong>0.0<font size='2'>亿元</font></strong><br>
                                                    <small>Increase</small>
                                                <#else>
                                                	<strong>${gdp.abs?c}<font size='2'>亿元</font></strong><br>
                                                    <small>Increase</small>
                                                </#if>
                                                </h3>
                                            </div>
                                           
                                        </div>
                                    </div>
                                </a>
                            </div>
                            
                            
                            <div class="col-sm-6 col-lg-3">
                                <a href="/analytics/data?key=/service/data/get_month_trend/index6" class="widget widget-hover-effect1" id="d2" name="制造业采购经理指数<br>Manufacturing Purchasing Managers Index(%)" onmouseover="onover('d2')">
                                    <div class="widget-simple themed-background-amethyst">
                                        <img src="/res1/img/icon/card.jpg" alt="avatar" class="widget-image img-circle pull-left">
                                        <h4 class="widget-content widget-content-light">
                                            <strong>PMI</strong>
                                            <small>${pmi.view_ym}</small>
                                        </h4>
                                    </div>
                                    <div class="widget-extra">
                                        <div class="row text-center">
                                           
                                             <div class="col-xs-4">
                                                <h3>
                                                
                                                <strong>${pmi.data} <font size='2'>%</font></strong><br>
                                                <small>PMI</small>
                                               
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (pmi.ipp?c)  =='0'>
                                                    <strong>0.0<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                <#else>
                                                	<strong>${pmi.ipp?c}<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                </#if>
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (pmi.iya?c)  =='0'>
                                                    <strong>0.0%<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                <#else>
                                                	<strong>${pmi.iya?c}<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                </#if>
                                                </h3>
                                            </div>
                                           
                                        </div>
                                    </div>
                                </a>
                            </div>
                            
                            
                            <div class="col-sm-6 col-lg-3">
                                <a href="/analytics/data?key=/service/data/get_month_trend/t39" class="widget widget-hover-effect1"  id="d5" name="居民消费价格指数<br>Consumer Price Index" onmouseover="onover('d5')" >
                                    <div class="widget-simple themed-background-autumn">
                                        <img src="/res1/img/icon/gwc.jpg" alt="avatar" class="widget-image img-circle pull-left">
                                        <h4 class="widget-content widget-content-light">
                                            <strong>CPI</strong>
                                            <small>${cpi.view_ym}</small>
                                        </h4>
                                    </div>
                                    <div class="widget-extra">
                                        <div class="row text-center">
                                            
                                             <div class="col-xs-4">
                                                <h3>
                                                
                                                <strong>${cpi.data}</strong><br>
                                                <small>CPI</small>
                                               
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (cpi.ipp?c)  =='0'>
                                                    <strong>0.0<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                <#else>
                                                	<strong>${cpi.ipp?c}<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                </#if>
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (cpi.iya?c)  =='0'>
                                                    <strong>0.0<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                <#else>
                                                	<strong>${cpi.iya?c}<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                </#if>
                                                </h3>
                                            </div>
                                           
                                        </div>
                                    </div>
                                </a>
                            </div>
                            
                            
                            <div class="col-sm-6 col-lg-3">
                                <a href="/analytics/data?key=/service/data/get_confiden_trend/index9" class="widget widget-hover-effect1" id="d7" name="消费者信心指数<br>Consumer Confidence Index" onmouseover="onover('d7')" >
                                    <div class="widget-simple themed-background-spring">
                                        <img src="/res1/img/icon/credit.jpg" alt="avatar" class="widget-image img-circle pull-left">
                                        <h4 class="widget-content widget-content-light">
                                            <strong>CCI</strong>
                                            <small>${cci.view_ym}</small>
                                        </h4>
                                    </div>
                                    <div class="widget-extra">
                                        <div class="row text-center">
                                            
                                             <div class="col-xs-4">
                                                <h3>
                                                
                                                <strong>${cci.data}</strong><br>
                                                <small>CCI</small>
                                               
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (cci.ipp?c)  =='0'>
                                                    <strong>0.0<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                <#else>
                                                	<strong>${cci.ipp?c}<font size='2'>%</font></strong><br>
                                                    <small>IPP</small>
                                                </#if>
                                                </h3>
                                            </div>
                                            <div class="col-xs-4">
                                                <h3>
                                                <#if (cci.iya?c)  =='0'>
                                                    <strong>0.0<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                <#else>
                                                	<strong>${cci.iya?c}<font size='2'>%</font></strong><br>
                                                    <small>IYA</small>
                                                </#if>
                                                </h3>
                                            </div>
                                           
                                        </div>
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    <!-- END Page Content -->

                    <!-- Footer -->
                    <#include "static/corp.ftl" >
                    <!-- END Footer -->
                </div>
                <!-- END Main Container -->
            </div>
            <!-- END Page Container -->
        </div>
        <!-- END Page Wrapper -->

        <!-- Scroll to top link, initialized in js/app.js - scrollToTop() -->
        <a href="#" id="to-top"><i class="fa fa-angle-double-up"></i></a>

     

      
         <#include "static/footer.ftl" >
         
         <script>
         
           	$(".sidebar-nav a").each(function () {
	            $(this).removeClass('active');
	        });
	        $('#menu1').addClass('active');
			  var mySwiper1 = new Swiper('#swiper1',{
			    loop: true,
				autoplay: 5000,
				pagination: '.pagination1',
			    calculateHeight:true,
			    paginationClickable: true
			  }); 
			   $('#arrow-left1').on('click', function(e){
			    e.preventDefault()
			    mySwiper1.swipePrev()
			  })
			  $('#arrow-right1').on('click', function(e){
			    e.preventDefault()
			    mySwiper1.swipeNext()
			  })
          function onover(id){
		    	var name = $("#"+id).attr("name") || 'No Name';
		        layer.tips(name, '#'+id+'', {tips: [1, '#3595CC'] });
		    }
         </script>
    </body>
</html>